<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <!-- 主要css -->
    <link rel="stylesheet" href="/lib/layui/css/layui.css" />
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css" />

    <!-- 自己的css -->
    <link rel="stylesheet" href="/css/admin.css" />
    <title>后台管理</title>
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header custom-header">
            
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item slide-sidebar" lay-unselect>
                    <a href="javascript:;" class="icon-font"><i class="ai ai-menufold"></i></a>
                </li>
            </ul>

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;" th:text="${username}"></a>
                    <dl class="layui-nav-child">
                        <!-- <dd><a href="">帮助中心</a></dd> -->
                        <dd><a href="/manager/signOut">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <div class="layui-side custom-admin">
            <div class="layui-side-scroll">

                <div class="custom-logo">
                    <!-- <img src="assets/images/logo.png" alt=""/> -->
                    <h1>后台管理</h1>
                </div>
                <ul id="Nav" class="layui-nav layui-nav-tree">

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-home"></i>
                            <em>首页</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:void(0);">控制台</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-list"></i>
                            <em>商品管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="/category.page">分类管理</a></dd>
                            <dd><a href="/brand.page">品牌管理</a></dd>
                            <dd><a href="/goods.page">商品列表</a></dd>
                            <dd><a href="/spec.page">规格参数</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-user"></i>
                            <em>会员管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="#">会员统计</a></dd>
                            <dd><a href="#">会员管理</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-yen"></i>
                            <em>销售管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="#">交易统计</a></dd>
                            <dd><a href="#">订单管理</a></dd>
                            <dd><a href="#">物流管理</a></dd>
                            <dd><a href="#">促销管理</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-cog"></i>
                            <em>权限管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="/manager.page">用户管理</a></dd>
                            <dd><a href="/permission.page">权限管理</a></dd>
                            <dd><a href="/role.page">角色管理</a></dd>
                        </dl>
                    </li>
                </ul>

            </div>
        </div>

        <div class="layui-body">
             <div class="layui-tab app-container" lay-allowClose="true" lay-filter="tabs">
                <ul id="appTabs" class="layui-tab-title custom-tab"></ul>
                <div id="appTabPage" class="layui-tab-content"></div>
            </div>
        </div>

        <div class="layui-footer">
            <p>© 2018 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
        </div>

        <div class="mobile-mask"></div>
    </div>
    <!-- 主要JS -->
    <script src="/lib/layui/layui.js"></script>
    <script src="/lib/jquery/jquery-2.1.1.min.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.js"></script>

    <!-- 自己的 JS -->
    <script src="/js/index.js" data-main="home"></script>
</body>
</html>